@import 'global.css';

.addDocsBox {
    width:100%;
    height:auto;
}

.addDocsTitle {
    width:100%;
    height:50px;
    background:#eee;
    border-bottom:1px solid #ccc;
    padding-left:20px;
    padding-top:15px;
    padding-bottom:15px;
}

.addDocsTitle i {
    margin-right:10px;
    position: relative;
    top:-1px;
}

.addDocsContent {
    width:100%;
    height:auto;
}

.addDocsContentItem {
    width:100%;
    height:auto;
    padding-left:20px;
    float:left;
    position: relative;
    margin-top:20px;
}

.addDocsContentItemLeft {
    width:80px;
    height:40px;
    line-height:40px;
    float:left;
    text-align: right;
}


.addDocsContentItemRight {
    width:auto;
    height:auto;
    padding-left:20px;
    float:left;
}

.addDocsContentItemRight  .docs_input {
    width:250px;
    height:40px;
    border:1px solid #e0e0e0;
    border-radius:5px;
    padding-left:15px;
    padding-right:15px;
    outline: none;
}

.addDocsContentItemRight .docs_textarea {
    width:400px;
    height:150px;
    border:1px solid #e0e0e0;
    border-radius:5px;
    outline: none;
    padding:15px;
}

.addDocsContentItemRight .docs_radio {
    width:auto;
    height:40px;
    float:left;
    margin-top:0px;
}

.addDocsContentItemRight .addDocsContentItemSubmit,.addDocsContentItemAddCategory {
    width:120px;
    height:40px;
    background:#38f;
    text-align: center;
    line-height:40px;
    color:#fff;
    cursor:pointer;
    border-radius:5px;
    margin-top:-20px;
}

.addDocsContentItemRight .radio_span {
    float:left;
    margin-top:10px;
    margin-left:10px;
}

.addDocsContentItemRight .docs_select {
    width:250px;
    height:40px;
    outline: none;
    border:1px solid #e0e0e0;
}

.addDocsContentItemRight .addDocsContentItemParam {
    width:800px;
    height:auto;
}

.addDocsContentItemRight .addDocsContentItemParamAction {
    width:100%;
    height:auto;
    line-height:40px;
    color:#666;
    margin-bottom:15px;
}

.addDocsContentItemRight .addDocsContentItemParam .addDocsContentItemParamInput {
    width:100%;
    height:40px;
    position: relative;
    margin-bottom:20px;
}

.addDocsContentItemRight .addDocsContentItemParam .addDocsContentItemParamInput  .delete_params_item {
    position: absolute;
    right:-40px;
    font-size:24px;
    top:10px;
    color:#666;
}

.addDocsContentItemRight .addDocsContentItemParam .addDocsContentItemParamInput  .delete_params_item:hover {
    color:#999;
    cursor:pointer;
}

.addDocsContentItemRight .addDocsContentItemParamAction  i {
    margin-right:20px;
    font-size:24px;
    margin-bottom:10px;
}

.addDocsContentItemRight .addDocsContentItemParamAction  i:hover {
    color:#999;
    cursor:pointer;
}

.addDocsContentItemRight .addDocsContentItemParam input {
    width:100%;
    height:40px;
    border-radius:5px;
    border:1px solid #e0e0e0;
    outline: none;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:15px;
}

.addDocsContentItemRight .addDocsContentResult {
    width:1100px;
    height:400px;
    border:1px solid #e0e0e0;
    margin-bottom:20px;
    border-radius:5px;
    overflow: hidden;
    margin-top:10px;
}

.addDocsContentResultInput {
    width:549px;
    height:500px;
    float:left;
}

.addDocsContentResultInput  textarea {
    width:100%;
    height:500px;
    border:none;
    padding:15px;
    resize:none;
    font-size:14px;
    outline: none;
}

.addDocsContentResultShow {
    width:520px;
    overflow: auto;
    height:470px;
    color:#666;
    border-left:1px solid #e0e0e0;
    float:left;
    padding:15px;
}